<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.dd{max-width: 78px;height: 70px;background: pink;margin: 100px auto;overflow-x: scroll;}
		table{margin: 0px auto;border: 1px solid #dd8d8d;width: 400px;table-layout: fixed;}
		
		th,td{border: 1px solid #d8d8d8;padding: 10px 15px;width: 120px;height: 56px;overflow-x:scroll;}
		.img{margin: 50px auto;text-align: center;}
		.img img{margin: 30px auto;}
	</style>
	<body>
		
		<div class="img">
			<img src="https://unsplash.it/1000/600?random" /><br />
			<img src="https://unsplash.it/1000/600/?random" /><br />
			
		</div>
		<table>
			<thead>
				<tr>
				<th>11111111111111111111111111111111111111111111111</th>
				<th>22222111111111111111111111111111111</th>
				<th>3333311</th>
				<th>44444</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>01111</td>
					<td>02222</td>
					<td>03333</td>
					<td>04444</td>
				</tr>
				<tr>
					<td>01111</td>
					<td>02222</td>
					<td>03333</td>
					<td>04444</td>
				</tr>
				<tr>
					<td>01111</td>
					<td>02222</td>
					<td>03333</td>
					<td>04444</td>
				</tr>
				<tr>
					<td>01111</td>
					<td>02222</td>
					<td>03333</td>
					<td>04444</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
